var contentWayPoint = function () {
	$('.animate-box').waypoint(function (direction) {
		if (direction === 'down' && !$(this.element).hasClass('animated-fast')) {
			$(this.element).addClass('item-animate');
			setTimeout(function () {
				$('body .animate-box.item-animate').each(function () {
					var el = $(this);
					setTimeout(function () {
						var effect = el.data('animate-effect');
						if (effect === 'fadeIn') {
							el.addClass('fadeIn animated-fast');
						} else if (effect === 'fadeInLeft') {
							el.addClass('fadeInLeft animated-fast');
						} else if (effect === 'fadeInRight') {
							el.addClass('fadeInRight animated-fast');
						} else if (effect === 'other') {
							setTimeout(function () {
								el.addClass('fadeInUp animated-fast');
							}, 400)
						} else {
							el.addClass('fadeInUp animated-fast');
						}
						el.removeClass('item-animate');
					}, 200);
				});
			}, 400);
		}
	}, {
		offset: '70%'
	});
};

$(function () {
  contentWayPoint();
  // 滚动条到底部
  var win = $(window);
  // setTimeout(function () {
  //   var footerTop = $("#foot").offset().top;
  //   $(window).scroll(function () {
  //     var scrollTop = win.scrollTop();
  //     if (scrollTop + win.height() >= footerTop) {
  //       $('.fix-btns').removeClass('fixed').addClass('absolute');
  //     } else {
  //       $('.fix-btns').removeClass('absolute').addClass('fixed');
  //     }
  //   })
  // }, 300)
  // 回到顶部
  $('.back-top').click(function () {
    $("html, body").animate({
      scrollTop: 0
    }, 500);
    return false;
  })
});

$(".member").click(function () {
	$("html, body").animate({
		scrollTop: $($(this).attr("href")).offset().top + "px"
	}, 600);
	return false;
});

$('.interactive button').each(function (ind) {
	$(this).on('click', function () {
		console.log(ind);
		$('.interactive button').eq(ind).addClass('event').siblings().removeClass('event')
		if(ind === 0){
			document.querySelectorAll(".shishi")[0].style.cssText="border-color: transparent #465aeb transparent transparent";
			document.querySelectorAll(".shiyan")[0].style.cssText="border-color: transparent transparent transparent #c5ccff;";
			document.querySelectorAll(".details")[0].style.cssText="display: block";
			document.querySelectorAll(".jump")[0].style.cssText="display: none";
		}else if(ind === 1){
			document.querySelectorAll(".jump")[0].style.cssText="display: block";
			document.querySelectorAll(".details")[0].style.cssText="display: none";
			document.querySelectorAll(".shishi")[0].style.cssText="border-color: transparent #c5ccff transparent transparent";
			document.querySelectorAll(".shiyan")[0].style.cssText="border-color: transparent transparent transparent #465aeb;";
		}
	})
})

// $(".box1").hover(function(){
// 	document.querySelectorAll(".shelter")[0].style.cssText="display : block";
// },function(){
//   document.querySelectorAll(".shelter")[0].style.cssText="display : none";
// });
$(".box1").hover(
	function(){
			$(".shelter").stop().fadeTo(600,0.8,function(){
					$(this).css("display", "block");
			})
	},
	function(){
			$(".shelter").stop().fadeTo("slow",0,function(){
					$(this).css("display", 'none');
			})
	}
);

$(".box2").hover(
	function(){
			$(".shelter2").stop().fadeTo(600,0.8,function(){
					$(this).css("display", "block");
			})
	},
	function(){
			$(".shelter2").stop().fadeTo("slow",0,function(){
					$(this).css("display", 'none');
			})
	}
);

$(".box3").hover(
	function(){
			$(".shelter3").stop().fadeTo(600,0.8,function(){
					$(this).css("display", "block");
			})
	},
	function(){
			$(".shelter3").stop().fadeTo("slow",0,function(){
					$(this).css("display", 'none');
			})
	}
);

$(".box4").hover(
	function(){
			$(".shelter4").stop().fadeTo(600,0.8,function(){
					$(this).css("display", "block");
			})
	},
	function(){
			$(".shelter4").stop().fadeTo("slow",0,function(){
					$(this).css("display", 'none');
			})
	}
);

$(".box5").hover(
	function(){
			$(".shelter5").stop().fadeTo(600,0.8,function(){
					$(this).css("display", "block");
			})
	},
	function(){
			$(".shelter5").stop().fadeTo("slow",0,function(){
					$(this).css("display", 'none');
			})
	}
);

$(".box6").hover(
	function(){
			$(".shelter6").stop().fadeTo(600,0.8,function(){
					$(this).css("display", "block");
			})
	},
	function(){
			$(".shelter6").stop().fadeTo("slow",0,function(){
					$(this).css("display", 'none');
			})
	}
);